<template>
  <el-card shadow="hover">
    <el-row>
      <el-col :span="3">
        <svg-icon iconClass="gongzuo" className="className"></svg-icon>
      </el-col>
      <el-col :span="21">
        <h1 class="title">Paraboy 欢迎回来！今天又是充满活力的一天!</h1>
        <div>今日多云转晴，20℃ - 25℃!</div>
      </el-col>
    </el-row>
  </el-card>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
  .svg-iconclassName {
    height: 100px;
    width: 120px;
  }
  .el-card:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 14px 24px #0003;
  }
  .title {
    color: var(--color-background);
    white-space: nowrap;
  }
</style>
